/**
 * Created by thanatos on 15-9-7
 */
.search-catalog {
    .breadcrumb {
        margin-top: 5px;
        .selected {
            display: inline-block;
            color: $highlight-color;
            padding: 1px 5px;
            border: 1px dotted $highlight-color;
        }
        .dropdown-menu {
            width: 350px;
            margin: 0;
            & > li {
                width: 80px;
                float: left;
                font-size: 12px;
                color: $thin-font-color;
                & > a {
                    padding: 3px 10px;
                }
            }
        }
    }
    table {
        font-size: 12px;
        margin-bottom: 0;
        border-bottom: 1px solid #DDD;
        th {
            text-align: right;
            width: 103px;
            font-size: 13px;
            padding: 8px 5px 8px 30px !important;
            white-space: nowrap;
            background-color: $thin-gray-color;
            color: $thin-font-color;
        }
        caption {
            color: #313131;
            .mini-font {
                font-size: 11px;
            }
            label {
                padding: 0 5px;
            }
        }
        td {
            line-height: 20px !important;
            a {
                float: left;
                text-decoration: none;
                overflow: hidden;
                white-space: nowrap;
                &:hover {
                    text-decoration: none;
                    color: $highlight-color;
                }
            }
        }
        .selector-unit {
            height: 20px;
            margin-right: 35px;
        }

        /*--multipart table--*/
        .multipart {
            margin: 5px 0;
            max-height: 165px;
            overflow-y: scroll;
            table {
                border: 0;
                td {
                    border: 1px solid transparent;
                    &.multi-selected {
                        border: 1px solid $highlight-color;
                    }
                    i {
                        float: right;
                        margin-top: 4px;
                    }
                }
            }
        }

    }
    .footer-more {
        margin-top: -1px;
        color: $thin-font-color;
        cursor: pointer;
        font-size: 13px;
        background-color: #FFFFFF;
        display: inline-block;
        padding: 3px 10px;
        border-bottom: 1px solid #DDD;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
    }
}

/*--btn-panel--*/
.btn-panel {
    background-color: $thin-gray-color;
    margin: 30px 0 10px 0;
    padding: 5px;
    .btn-group {
        margin-right: 20px;
    }
    input.btn-input {
        width: 45px;
        text-align: left;
        color: #333;
        background-color: #fff;
        border-radius: 0;
        cursor: auto;
        border-color: #ccc;
    }
    .price-choose-panel {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 5px 10px;
        background: $gray-color;
        .btn-default {
            float: left;
        }
        .btn-danger {
            float: right;
        }
    }
}

/*--good-panel--*/
.good-panel {
    min-height: 400px;
    .good-item {
        display: inline-block;
        width: 220px;
        margin: 0 20px 20px 0;
        border: 3px solid transparent;
        &:hover {
            border: 3px solid $highlight-color;
        }
        .item-wrap {
            height: 381px;
            font-size: 12px;
            padding: 4px 4px 0;
            border: 1px solid $gray-color;
            & > a > img {
                max-width: 100%;
                max-height: 210px;
            }
            .title {
                height: 34px;
                overflow: hidden;
                a {
                    font-size: 12px;
                    color: #333;
                    &:hover {
                        color: $highlight-color;
                        text-decoration: underline;
                    }
                }

            }
            .shopkeeper {
                font-size: 12px;
                text-decoration: underline;
                &:hover {
                    text-decoration: underline;
                }
            }
            h4 {
                font-size: 20px;
            }
            @mixin msg-item {
                display: inline-block;
                padding: 5px 0;
                text-align: center;
                border-top: 1px solid $gray-color;
                border-right: 1px solid $gray-color;
            }
            .deal {
                @include msg-item;
                width: 50%;
                strong {
                    color: #ae8136;
                }
            }
            .comment {
                @include msg-item;
                width: 35%;
                strong {
                    color: #608cd6;
                }
            }
            .img {
                @include msg-item;
                width: 15%;
                border-right: 0;
            }
        }
        .keyword {
            display: inline-block;
            height: 20px;
            border-radius: 10px;
            padding: 2px 6px;
            background-color: $gray-color;
        }
    }
}

.brand{
    .brand-wrap{
        float: left;
        max-height: 83px;
        overflow: hidden;
        display: block;
    }
    .high-brand-wrap{
        max-height: none;
        width: 100% !important;
        height: 200px !important;
        overflow-y: scroll !important;
    }
    .horizontal-menu {
        width: 100%;
        float: left;
        padding: 8px 0;
        &>li{
            cursor: pointer;
            &.active{
                background-color: #0000c0;
                color: white;
            }
        }
    }
}